// pages/search/search.js
/* 2. 防抖技术（防止发送请求的时候多次发送） 
      定时器*/
import { request } from "../../request/index.js";
Page({

    /**
     * 页面的初始数据
     */
    data: {
        goods: [],
        // 取消按钮的是否显示
        isFocus: false,
        // 输入框的值
        inpValue: ""
    },
    TimeId: -1,
    /* 输入框事件 */
    handleInput(e) {
        // 获取输入框的值
        const { value } = e.detail;
        // console.log(value);

        if (!value.trim()) {
            this.setData({
                goods: [],
                isFocus: false
            })
            return; //值不合法
        }
        // 发送请求
        this.setData({
            isFocus: true
        })
        clearTimeout(this.TimeId);
        this.TimeId = setTimeout(() => {
            this.qsearch(value)
        }, 1000);

    },
    // 点击取消
    handleCancel() {
        this.setData({
            inpValue: "",
            isFocus: false,
            goods: []
        })
    },
    // 
    async qsearch(query) {
        const res = await request({ url: "/goods/qsearch", data: { query } })
        console.log(res);
        this.setData({
            goods: res.data.message
        })
    }
})